.page{
	width: 100%;
	height: 100vh;
	// font-size: 1.2rem;
	background: #F5F6F8;
	overflow: hidden;
	// overflow-y: hidden;
	// overflow-x: auto;
	// box-sizing: border-box;
	flex-grow: 1;
	// overflow-y:auto; 
}
.content {
	width: 100%;
	margin: 1.5% 0 0 1%;
	height: 92%;
	display: flex;
	.left {
		width: 21%;
		height: 100%;
		margin-right: 1%;
		.l-header {
			min-height: 20%;
			font-size: 1rem;
			flex-flow: column;
			justify-content: space-around;
			display: flex;
			background: #FFFFFF;
			box-sizing: border-box;
			// border-width: 0px 4px 0px 0px;
			// border-style: solid;
			// border-color: #3E8FF7;
			box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
			position: relative;
			.info {
				margin-left: 3%;
				margin-bottom: 1%;
				width: 94%;
				text {
					color: #585858;
				}
				.title-icon {
					background-color: #3E8FF7;
					width: 9.381rpx;
					height: 37.523rpx;
					margin-top: 13.133rpx;
					margin-right: 9.381rpx;
				}
			}
			.extra-info {
				margin-top: 2%;
				margin-bottom: 2%;
			}
			.changeStyle {
				display: flex;
				align-items: center;
				justify-content: center;
				color: #FFFFFF;
				width: 100%;
				height: 75.047rpx; 
				border-radius: 4% 0 0 4%;
				background: #3E8FF7
			}
			// .changeStyle {
			// 	display: flex;
			// 	align-items: center;
			// 	justify-content: center;
			// 	color: #FFFFFF;
			// 	position: absolute;
			// 	right: 0;
			// 	width: 32%;
			// 	height: 30%;
			// 	border-radius: 4% 0 0 4%;
			// 	background: #3E8FF7
			// }
		}
		.l-listInfo {
			height: 100%;
			.item {
				flex-flow: column;
				justify-content: space-around;
				display: flex;
				height: 12%;
				border-radius: 4px;
				margin: 2% 0;
				font-size: 1rem;
				color: #585858;
				background-color: #FFFFFF;
				.item-info {
					margin: 2% 0 2% 3% ;
					text {
						color: #333333;
					}
				}
			}
			.active {
				flex-flow: column;
				justify-content: space-around;
				display: flex;
				height: 12%;
				border-radius: 4px;
				margin: 2% 0;
				font-size: 1rem;
				color: #FFFFFF;
				background-color: #3E8FF7;
				.item-info {
					margin: 2% 0 2% 3% ;
					text {
						color: #FFFFFF;
					}
				}
			}
		}
	}
	.right {
		width: 80%;
		height: 100%;
		margin-right: 2%;
		.r-header {
			width: 100%;
			height: 20%;
			display: flex;
			.h-left {
				height: 100%;
				width: 50%;
				margin-right: 0.5%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				background-color: #FCFCFC;
				.yield {
					height: 100%;
					display: flex;
					flex-flow: column;
					justify-content: space-around;
					margin-left: 4%;
					color: #333333;
					font-size: 1.2rem;
					font-weight: 700;
					text {
						color: #585858;
						font-weight: 500;
					}
				}
				.chart{
					width: 40%;
					height: 100%;
				}
			}
			.h-right {
				height: 100%;
				width: 50%;
				margin-left: 0.5%;
				background-color: #FCFCFC;
				.flex-margin {
					height: 100%;
					margin: 0 4%;
					.color-size {
						width: 100%;
						height: 30%;
						display: flex;
						align-items: center;
						border-bottom: solid 1px #f5f6f8;
					}
					.info-bootom {
						height: 70%;
						width: 100%;
						.left {
							width: 50%;
							display: flex;
							flex-flow: column;
							justify-content: space-evenly;
							color: #585858;
							text{
								font-size: 1.2rem;
							}
						}
						.right {
							width: 50%;
							display: flex;
							flex-flow: column;
							justify-content: center;
						}
					}
				}
			}
		}
		.r-middle {
			width: 100%;
			// min-height: 20%;
			height: 20%;
			margin: 1% 0;
			display: flex;
			align-items: center;
			/deep/ .u-input__content__field-wrapper__field {
				height: 100%;
				font-size: 2rem!important;
			}
			.flex-left-margin {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				background-color: #46C253;
				.qualified {
					width: 15%;
					font-size: 2rem;
					color: #FFFFFF;
					margin-left: 4%;
				}
				.number {
					width: 50%;
					height: 100%;
					background-color: #46C253;
					.u-number-box {
						width: 100%;
						height: 100%;
					}
					.minus {
						width: 123.827rpx;
						height: 123.827rpx;
						border-radius: 4px;
						opacity: 1;
						box-sizing: border-box;
						border: 4px solid #FFFFFF;
						font-size: 1rem;
						font-weight: bold;
						color: #fff;
					}
					.plus {
						width: 123.827rpx;
						height: 123.827rpx;
						border-radius: 4px;
						opacity: 1;
						box-sizing: border-box;
						border: 4px solid #FFFFFF;
						font-size: 3rem;
						font-weight: 100;
						color: #fff;
					}
					.input {
						width: 100%;
						height: 50%;
						margin: 0 4%;
						font-size: 1.5rem;
						background-color: #FFFFFF;
					}
				}
				.flex-number {
					width: 30%;
					height: 100%;
					margin-left: 2%;
					display: flex;
					flex-wrap: wrap;
					overflow: hidden;
					.item {
						width: 44%;
						height: 42%;
						margin: 2% 2%;
						border-radius: 7.505rpx;
						font-size: 1.8rem;
						color: #585858;
						background-color: #FFFFFF;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
			}
			.left-confirm {
				width: 20%;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-left: 1%;
				font-size: 2rem;
				// letter-spacing: 10px;
				background: #3E8FF7;
				color: #fff;
				height: 100%;
				button {
					height: 100%;
					width: 100%;
					font-size: 1.5rem;
				}
			}
		}
		.r-bottom {
			height: 54%;
			.table {
				.u-input {
					border: none;
					image{
						width: 30.019rpx;
						height: 30.019rpx;
					}
				}
				.fixed-th {
					th {
						color: #333333;
					}
					td {
						color: #585858;
					}
				}
			}
		}
	}
}
.scroll-Y {
	height: 90%;
	padding-bottom: 5%;
	background-color: #FFFFFF;
}
.scroll-list{
	height: 70%;
	padding-bottom: 40%;
	background: #F5F6F8;
}
.fixed-button {
	width: 100%;
	height: 10%;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: right;
	word-spacing: 18.762rpx;
	// letter-spacing: 9.381rpx;
	background: #FFFFFF;
	box-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.3);
	.back {
		width: 20%;
		height: 90%;
		border-radius: 7.505rpx;
		box-sizing: border-box;
		/* 中性色/输入框边框DD */
	}
	.submit {
		width: 20%;
		height: 90%;
		margin-right: 2%;
		border-radius: 7.505rpx;
		box-sizing: border-box;
		button {
			color: #fff;
			background-color: #fb602d;
			border-color: #fb602d;
		}
	}
	button {
		height: 100%;
		width: 100%;
		font-size: 1.5rem;
		font-weight: bold;
	}
}